@media(min-width:992px){
 
    a.polaroid {        
        display: block;        
        text-decoration: none;        
        color: #333;        
        padding: 10px 10px 20px 10px;        
        width: 150px;        
        border: 1px solid #BFBFBF;        
        background-color: white;        
        z-index: 2;        font-size: 0.7em;        
        -webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);        
        -moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);        
        box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);           }    
    a.polaroid:hover,    a.polaroid:focus,    a.polaroid:active {        
            z-index: 999;        
            border-color: #6A6A6A;        
            -webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);        
            -moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);        
            box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);        
            -webkit-transform: rotate(0deg);        
            -moz-transform: rotate(0deg);        
            transform: rotate(0deg);    }    
    .polaroid img {        
                margin: 0 0 15px;       
                 width: 150px;        
                 height: 150px;    }       
    a img {        
                      border: none;       
                       display: block;    }        
    .photo-album {        
        position: relative;        
        width: 80%;        
        margin: 0 auto;        
        max-width: 70em;        
        height: 450px;        
        margin-top: 5em;        
        min-width: 800px;        
        max-width: 900px;    }    
    .photo-album .polaroid {        
        position: absolute;    }    
   
    .photo-album .medium {        
        width: 200px;        
        padding: 13px 13px 26px 13px;        
        font-size: 0.8em;    }    
    .photo-album .medium img {        
        width: 200px;        
        height: 200px;    }    
    .photo-album .large {        
        width: 300px;        
        padding: 20px 20px 30px 20px;        
        font-size: 1em;    }    
    .photo-album .large img {        
        width: 300px;       
         height: 300px;    }    
    .photo-album .img1 {        
        bottom: 10px;        
        right: 365px;        
        -webkit-transform: rotate(10deg);        
        -moz-transform: rotate(10deg);       
         transform: rotate(10deg);    }    
    .photo-album .img2 {        
        top: 50px;        
        right: 20px;        
        -webkit-transform: rotate(-4deg);        
        -moz-transform: rotate(-4deg);       
         transform: rotate(-4deg);    }    
    .photo-album .img3 {        
             left: 400px;        
             top: 0;        
             -webkit-transform: rotate(-5deg);        
             -moz-transform: rotate(-5deg);        
             transform: rotate(-5deg);    }    
    .photo-album .img4 {        
        top: 10px;       
         left: 495px;        
         -webkit-transform: rotate(-20deg);        
         -moz-transform: rotate(-20deg);        
         transform: rotate(-20deg);    }    
    .photo-album .img5 {        
        bottom: 0;        
        right: 0;        
        -webkit-transform: rotate(1deg);        
        -moz-transform: rotate(1deg);        
        transform: rotate(1deg);    }          
        a:hover,    a:focus {       
             z-index: 5;    }
        }
@media(max-width:992px){
          
        a.polaroid {        
                display: block;        
                text-decoration: none;        
                color: #333;        
                padding: 10px 10px 20px 10px;        
                width: 150px;        
                border: 1px solid #BFBFBF;        
                background-color: white;        
                z-index: 2;        font-size: 0.7em;        
                -webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);        
                -moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);        
                box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);           }    
        a.polaroid:hover,    a.polaroid:focus,    a.polaroid:active {        
                    z-index: 999;        
                    border-color: #6A6A6A;        
                    -webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);        
                    -moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);        
                    box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);        
                    -webkit-transform: rotate(0deg);        
                    -moz-transform: rotate(0deg);        
                    transform: rotate(0deg);    }    
        .polaroid img {        
                        margin: 0 0 15px;       
                         width: 150px;        
                         height: 150px;    }       
        a img {        
                              border: none;       
                               display: block;    }        
            .photo-album {  
                left: -250px;      
                position: relative;        
                width: 80%;        
                margin: 0 auto;        
                max-width: 70em;        
                height: 450px;        
                margin-top: 5em;        
                min-width: 800px;        
                max-width: 900px;    }    
            .photo-album .polaroid {        
                position: absolute;    }    
            .photo-album .medium {        
                width: 200px;        
                padding: 13px 13px 26px 13px;        
                font-size: 0.8em;    }    
            .photo-album .medium img {        
                width: 200px;        
                height: 200px;    }    
            .photo-album .large {        
                width: 300px;        
                padding: 20px 20px 30px 20px;        
                font-size: 1em;    }    
            .photo-album .large img {        
                width: 300px;       
                 height: 300px;    }    
            .photo-album .img1 {        
                bottom: 10px;        
                right: 150px;        
                -webkit-transform: rotate(10deg);        
                -moz-transform: rotate(10deg);       
                 transform: rotate(10deg);    }    
            .photo-album .img2 {        
                top: 50px;        
                right: 20px;        
                -webkit-transform: rotate(-4deg);        
                -moz-transform: rotate(-4deg);       
                 transform: rotate(-4deg);    }    
            .photo-album .img3 {        
                     left: 400px;        
                     top: 0;        
                     -webkit-transform: rotate(-5deg);        
                     -moz-transform: rotate(-5deg);        
                     transform: rotate(-5deg);    }    
            .photo-album .img4 {        
                top: 10px;       
                 left: 495px;        
                 -webkit-transform: rotate(-20deg);        
                 -moz-transform: rotate(-20deg);        
                 transform: rotate(-20deg);    }    
            .photo-album .img5 {        
                bottom: 0;        
                right: 0;        
                -webkit-transform: rotate(1deg);        
                -moz-transform: rotate(1deg);        
                transform: rotate(1deg);    }    
            .photo-album .img6 {        
                bottom: 10px;        
                right: 156px;        
                -webkit-transform: rotate(6deg);        
                -moz-transform: rotate(6deg);        
                transform: rotate(6deg);    }          
                a:hover,    a:focus {       
                     z-index: 5;    }
                }
    @media(max-width:679px){
        a.polaroid {        
            display: block;        
            text-decoration: none;        
            color: #333;        
            padding: 10px 10px 20px 10px;        
            width: 150px;        
            border: 1px solid #BFBFBF;        
            background-color: white;        
            z-index: 2;        font-size: 0.7em;        
            -webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);        
            -moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);        
            box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);           }    
    a.polaroid:hover,    a.polaroid:focus,    a.polaroid:active {        
                z-index: 999;        
                border-color: #6A6A6A;        
                -webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);        
                -moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);        
                box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);        
                -webkit-transform: rotate(0deg);        
                -moz-transform: rotate(0deg);        
                transform: rotate(0deg);    }    
    .polaroid img {        
                    margin: 0 0 15px;       
                     width: 150px;        
                     height: 150px;    }       
    a img {        
                          border: none;       
                           display: block;    }        
        .photo-album {  
            left: -300px;      
            position: relative;        
            width: 80%;        
            margin: 0 auto;        
            max-width: 70em;        
            height: 450px;        
            margin-top: 5em;        
            min-width: 800px;        
            max-width: 900px;    }    
        .photo-album .polaroid {        
            position: absolute;    }    
        .photo-album .medium {        
            width: 200px;        
            padding: 13px 13px 26px 13px;        
            font-size: 0.8em;    }    
        .photo-album .medium img {        
            width: 200px;        
            height: 200px;    }    
        .photo-album .large {        
            width: 300px;        
            padding: 20px 20px 30px 20px;        
            font-size: 1em;    }    
        .photo-album .large img {        
            width: 300px;       
             height: 300px;    }    
        .photo-album .img1 {        
            bottom: 10px;        
            right: 150px;        
            -webkit-transform: rotate(10deg);        
            -moz-transform: rotate(10deg);       
             transform: rotate(10deg);    }    
        .photo-album .img2 {        
            top: 50px;        
            right: 20px;        
            -webkit-transform: rotate(-4deg);        
            -moz-transform: rotate(-4deg);       
             transform: rotate(-4deg);    }    
        .photo-album .img3 {        
                 left: 400px;        
                 top: 0;        
                 -webkit-transform: rotate(-5deg);        
                 -moz-transform: rotate(-5deg);        
                 transform: rotate(-5deg);    }    
        .photo-album .img4 {        
            top: 10px;       
             left: 495px;        
             -webkit-transform: rotate(-20deg);        
             -moz-transform: rotate(-20deg);        
             transform: rotate(-20deg);    }    
        .photo-album .img5 {        
            bottom: 0;        
            right: 0;        
            -webkit-transform: rotate(1deg);        
            -moz-transform: rotate(1deg);        
            transform: rotate(1deg);    }    
        .photo-album .img6 {        
            bottom: 10px;        
            right: 156px;        
            -webkit-transform: rotate(6deg);        
            -moz-transform: rotate(6deg);        
            transform: rotate(6deg);    }          
            a:hover,    a:focus {       
                 z-index: 5;    }
    }
    